HTML CSS JavaScript projects

Code With Sahand
122K subscribers
129,154 views Aug 13, 2022
Beginner-friendly projects in HTML, CSS, and JavaScript. You are going to learn 11 beginner projects in HTML, CSS, and JavaScript that are fun to work on throughout the course of watching this video. Your ability to build modern websites with HTML, CSS, and JS, including HTML5, CSS3, and JavaScript 2022, will benefit from your development of your HTML skills. You can obtain the source code by going to the following website: https://github.com/sahandghavidel/HTM.... My name is Sahand, and I specialize in the development of websites within the field of computer science. The more than 15 years that I've been involved with this organization are just the beginning. This course was put together by me so that I could impart some of my knowledge and experience to you. This video will walk you through the fundamentals of HTML, CSS, and JavaScript while also instructing you on how to use these languages to create websites that are basic but fully functional. we start writing the HTML code for each project from scratch in our development environment. This process is shown from beginning to end. We are going to move on to the CSS and JavaScript portions of the project as soon as the HTML component of the project has been finished. It is not at all frowned upon to begin the process of coding with HTML, CSS, or JavaScript from the very beginning. The syntax of HTML, CSS, and JavaScript is presented in this video through the use of illustrative examples. The vast majority of projects are started from scratch and carried through to completion without making use of any code that was previously copied. After that, they are demonstrated on the project to guarantee that all of the participants have a complete understanding of what it is that they are being asked to do. Let's get this party started if you are as excited about learning HTML, CSS, and JavaScript as I am about learning them. If that's the case, let's get to it. Please do not be hesitant to get in touch with me in the event that you have any inquiries. timestamp: 00:00 - Introduction 1:50 - Project 1 Clock 54:28 - Project 2 Month calendar 1:55:45 - Project 3 Mouse event 2:25:21 - Project 4 Loading bar 2:51:57 - Project 5 Testimonial slider 3:29:56 - Project 6 Mini calendar 4:02:33 - Project 7 Navbar menu 4:36:07 - Project 8 Sidebar menu 5:08:48 - Project 9 Background video 5:38:52 - Project 10 Q & A section 6:10:38 - Project 11 Counter
Show less
Combining HTML CSS JavaScript in a single project and every time teaching new tools and techniques with explanation has made the learning super easy. This course is amazing and hope to keep on going with a lot more in the forthcoming days.
7
Just another amazing tutorial from you! I just can't stop! Learning JS is now so much fun. In every project I notice some small details that will be useful in other bigger projects. It's always these tiny things that i can't solve and don't even know how to ask how to solve them. For instance when you used the box sizing border box when coding the calendar so that, when we hover one element and it becomes bigger, other elements don't move.
4
I have just completed project-1,can say its super cool, better explanation, awesome content. I am too happy that I found this playlist. Thanks a lot for such amazing projects.
9
Fantastic, I've only done the clock project so far but so easy to follow and to understand. Thank you very much for this, the combination of all 3 HTML/CSS/JS together shows us how 'technically' easy it is to build things even though non-technically you have to think about things more. It is also brilliant to be able to add proper styling while understanding why to the end result.
2
Perfect bit-size projects for starters. It allows you to see CSS HTML and js all in action. It shows you how they work together and how all of them are linked to each other. Thank you very much
2
always a pleasure to watch your tutorials thank you so much for teaching us how to do these great projects.
4
There is different between knowing something and knowing how to teach it, excited to find your channel. Will be glad if you can do a tutorial on JavaScript mainly for beginners to advance
8
I don't know why less views for such great content, but your video is really amazing.
20
I have added it to my playlist, I was waiting for it for so long... Thanks Guru ❤️
10
Dr. Sahand, I want to thank you for your amazing work. You make JavaScript approachable and fun 😊 for me. You are amazing awesome 😎.
This is the 3rd series I'm watching. Many times it happens that I follow a tutorial and realize that in fact I did not retain anything from it. But here it is different. I notice that at each part I already have an idea how I could do it and many times I am right. it's very good to see that your brain is starting to work 😅😂. Thank you very much for all the effort and dedication for these series. You are doing a great job.😎 PS: Bless you (whoever sneezed)
1
I really like how you take your time so it's easier for me to follow. Really glad I came across this video. Thank You!
This is great! Keep up the good work. I am understanding concepts that have seemed abstract before.
Pretty cool projects! Hope you will do some mid level tutorials :)
3
Thansk sir, for uploading these important projects. as it really helpful for the web dev. learners. I have learned many small things which are very important. How to make the containers, and to add css according to that, so that it's looks more responsive. These small projects not only helps us to learn the HTML, CSS and JS but will also help to make a whole website. Sir try to upload more videos so that we can learn more.
1
i am so excited to find your channel your videos make us better ❤ Thanks man you're doing well i appreciate your concern❤❤
Ummm....so this is pretty damn good training. Slow, methodical, deliberate and useful. Instant subscribe. I'll put he guys at work onto this that are all wanting to start programming.
Completely amazing. Thank you for this tutorials
It was amazing to find your channel. I've become a new follower. Thank you and keep up this great work.
5
It will be great if you could analyze a bit more what each function does, for example why you use relative and absolute position and so on. You could break this video into two videos in order to have more time to share some more knowledge regarding the steps are taken. Overall is great, thank y